html{
	font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
	height: 100%;
}
body{
	font-size: 1.4rem;
	height: 100%;
	background-color: #EFEFEF;
	width: 100%;
}
.login-warper{
	background: url(../img/signin-bg.png) repeat-x center;
	height: 100%;
}
.login{
	width: 500px;
	height: 350px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -101px;
}
.box-shadow{
	box-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	background-color: #ffffff;
}
.login-header{
	height: 80px;
	background-color: RGBA(42, 77, 119, 1);
}
.logo{
	height: 100%;
	background: url(../img/login-logo.png) no-repeat center;
}
.input-item{
	width: 60%;
	height: 40px;
	margin: 20px auto;
	border: 1px solid RGBA(25, 107, 206, 1);
	border-radius: 5px;
	overflow: hidden;
}
.input-item.remberme{
	border: 0;
}
.input-item i{
	width: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background-color: RGBA(25, 107, 206, 1);
	color: #ffffff;
}
.input-item .input{
	width: 60%;
	height: 30px;
	outline: none;
	border: 0;
	margin-left: 10px;
}
.button{
	width: 60%;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	display: block;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	color: #ffffff;
	font-size: 18px;
	background-image: -webkit-linear-gradient(top,RGBA(49, 160, 216, 1),RGBA(26, 113, 207, 1));
  background-image: linear-gradient(top,RGBA(49, 160, 216, 1),RGBA(26, 113, 207, 1));
}
.button:hover{
	background-image: -webkit-linear-gradient(top,#F5664E,#FF3100);
  background-image: linear-gradient(top,#F5664E,#FF3100);
}
.copyright{
	text-align: center;
	position:absolute;
	bottom: 0;
	width: 100%;
	line-height: 40px;
}